* chore: 초기 package.json 설정

* chore: .gitignore 추가

* chore: tsconfig.json 초기 설정

* chore: react 내 webpack 세팅

1. webpack 관련 의존성 추가

2. build scrpit 수정

3. webpack.common.js 추가

4. public 디렉터리 내 index.html 추가

5. src 디렉터리 내 App.tsx 및 main.tsx 추가

* chore: prettier & eslint 설정

* chore: emotion 설정

 into develop/fe

1%에서 5%로 변경(크롬, 사파리, 엣지만 점유율이 5% 이상이기 때문)

사소한 설정으로 인해 develop에 바로 push

* chore: stylelint 관련 의존성 추가

* chore: stylelint 규칙 stylelintrc.json에 추가

* chore: vscode 관련 설정 추가

* feat: 기본 폰트 설정

1. webpack 내 asset/resource 옵션 추가

2. pretendard 폰트 추가

3. woff에 대한 타입 추가

4. globalStyle 내 기본 폰트를 pretendard로 변경

* feat: svg 내 asset 설정

* feat: ThemeProvider 추가

1. theme 관련 declare 파일 추가

2. theme 추가

3. theme을 ThemeProvider 적용

* feat: svg를 컴포넌트 형태로 사용하도록 변경

1. @svgr/webpack 의존성 추가

2. webpack.common.js 내 관련 설정 추가(url, component 모두 사용)

3. svg.d.ts 내 svg 관련 타입 설정 추가

* feat: font 관련 local 함수 추가

* feat: assets/index.ts 내 marker url 설정 추가

* feat: tanstack query 의존성 추가

* chore: prettier 내 sort 순서 변경

* chore: 환경 변수 세팅

1. dotenv-webpack 의존성 추가

2. webpack config 파일 내 DotenvWebpack를 통해 환경변수 파일 동적으로 변경하도록 설정

* feat: axios instance 객체 생성

baseUrl 지정

* feat: react-query 및 devtools 설정 추가

* chore: @apis path alias 추가

* refactor: theme 내 detail에 font-family 제거

* feat: Box 컴포넌트 구현

* feat: Carousel 컴포넌트 구현

* feat: Header 컴포넌트 구현

* feat: Tab 컴포넌트 구현

* feat: TransformBottomSheet 컴포넌트 구현

* feat: PlaceDetailCard 컴포넌트 구현

* feat: TravelogueTabContent 컴포넌트 구현

* feat: GoogleMapView 컴포넌트 구현

* chore: re-export 관련 설정 추가

* feat: 초기 여행기 상세 페이지 구현

* chore: .gitignore 내 .env.development, .env.production만 오도록 변경

* chore: @react-google-maps/api 의존성 추가

* fix(Carousel): 이미지가 이동하지 않는 문제 해결

max-width 대신 transform 속성 추가

* chore: codeowners 설정 추가

* chore: storybook 관련 설정 추가

* chore: jest 관련 의존성 및 script 추가

* chore: jest config 파일 관련 의존성 추가

* chore: eslint 파일 내 jest plugin 추가

* chore: chromatic 배포 설정 추가

* feat: TransformBottomSheet story 파일 추가

* chore: chromatic ci/cd 설정 추가

* chore: react-router-dom 세팅

* chore: createBrowserRouter 적용

* chore: @Constants path alias 추가

* feat: AppLayout 컴포넌트 추가

1. TravelogueDetailPage 내 margin-top 제거

2. AppLayout 컴포넌트 구현

* feat: router path 관련 상수 추가

* refactor: router 세팅 변경

1. App 내 router router.tsx로 이동

2. router.tsx 내 AppLayout 추가 및 router path 설정

* chore: storybook-addon-remix-react-router 의존성 추가

* chore: storybook 내 router addon 설정 추가

---------

Co-authored-by: 손진영 <[email protected]>

* chore: styles 내 declare 파일들 types 폴더로 이동

* chore: foundation 정의

1. color, spacing, typography에 대한 foundation 추가

2. global theme 변경

3. emotion.d.ts 내 declare theme 타입 변경

* refactor: foundation 컴포넌트 들에 적용

* chore: stylelint 적용

* chore: msw 의존성 추가

* fix: msw v2 내 발생하는 문제 해결을 위한 폴리필 코드 추가

ReferenceError: TextEncoder is not defined 에러 발생 방지를 위해 폴리필 코드 추가

1. package.json 내 undici 의존성 추가

2. jest.polyfills.js 내 관련 설정 추가

3. jest.config.js 내 폴리필 관련 설정 추가

* chore: @Mocks 관련 설정 추가

1. path alias 추가(webpack, tsconfig)

2. prettier import sort 내 mocks 추가

* chore: typescript 환경에서 jest api를 제공하기 위한 설정 추가

* chore: msw 기본 설정 추가

* chore: 불필요한 chromatic_publish 파일 제거

* chore: msw-storybook-addon 의존성 추가

* chore: storybook 내 msw 설정 추가

1. main.ts 내 환경 변수 설정 추가

2. preview.tsx 내 initialize & mswLoader 설정, handler 추가

3. npx msw init public/ 명령어 실행(mockServiceWorker.js & package.json 내 msw workerDirectory 추가

* feat(assets): 휴지통 아이콘 추가

* feat(Accordian): 아코디언 컴포넌트 구현

* test(Accordion): 아코디언 컴포넌트 스토리북 추가

* feat(Button): 버튼 컴포넌트 구현

* test(Button): 버튼 컴포넌트 스토리북 추가

* test(Accordion): 테스트 케이스 네이밍을 영어로 수정

* feat(asset): asset 추가

* feat(Icon): 아이콘 컴포넌트 구현

* test(Icon): Icon 컴포넌트 스토리북 추가

* feat(IconButton): IconButton 컴포넌트 구현

* test(IconButton): IconButton 컴포넌트 스토리북 추가

* feat(Icon): svg들에 대한 json 파일 추가

* feat(Text): Text 컴포넌트 구현

* test(Text): Text 컴포넌트 스토리북 추가

* refactor(preview): 스토리북 root에 rootStyle 추가

* test(Text): Overview 스토리 추가

* test(preview): 스토리북 환경 root style 변경

1. preview.tsx 내 rootStyle 변경 후 다른 story들에 적용

* refactor(Button): ButtonVariants import 시 type 추가

* refactor(Text): 변수 내에서 export 하도록 변경

* refactor(Icon): type들 type.ts로 분리

* refactor(Icon): import 방식 변경

* feat(Input): 컴포넌트 구현

* feat(InputField): 컴포넌트 구현

* fix(tsconfig): 개행으로 인한 오류 해결

* test(Input): 스토리북 구현

* test(InputField): 스토리북 구현

* refactor(InputContainer): 파일명 수정 및 count 컴포넌트 분리

* feat(Textarea): 컴포넌트 구현

* refactor(Textarea): props 및 css 수정

* test(Textarea): 스토리북 구현

* refactor(Count): 네이밍 직관적으로 수정

* refactor(Input): InputContainer를 Input으로 단일화

* refactor(Textarea): title 수정

* feat(BackDrop): 컴포넌트 구현

* feat(asset): Tturi svg 추가

* refactor(BackDrop): position 수정

* feat(asset): close-button svg 추가

* feat(Button): 컴포넌트 구현

* feat(ModalContainer): 컴포넌트 구현

* feat(ModalContent): 컴포넌트 구현

* feat(ModalFooter): 컴포넌트 구현

* feat(ModalHeader): 컴포넌트 구현

* feat(Modal): 컴포넌트 구현

* test(Modal): 스토리북 구현

* refactor(asset): close button 삭제

* refactor: modalBottomSheet로 네이밍 수정

* refactor(storybook): 모바일 환경을 위한 preview 수정, 불필요한 스토리북 테스트 삭제 및 네이밍 수정

* feat(Container): 에니메이션 추가

---------

Co-authored-by: jinyoung <[email protected]>

* feat: MultiImageUpload 컴포넌트 구현

* feat: ThumbnailUpload 컴포넌트 구현

* fix: emotion css를 styled로 수정

- storybook에서 emotion css가 적용되지 않는 문제가 있어서 emotion styled로 수정

* test: ThumnailUpload 컴포넌트 storybook 추가

* feat: MultiImageUpload 컴포넌트 이미지 삭제 기능 구현

* refactor: MultiImageUpload 컴포넌트에서 함수명 코드 컨벤션에 맞게 수정

* feat: ThumbnailUpload 컴포넌트 썸네일 수정 기능 구현

* feat: ThumbnailUploadButton에 gap 수정

* refactor: ThumbnailUpload 컴포넌트에서 중복 제거

* refactor: ThumbnailUpload 컴포넌트에서 화살표 함수로 단순화

* fix: MulitiImageUpload 컴포넌트에서 emotion css를 emotion styled로 수정

- storybook에서 emotion css 적용 되지 않는 이슈때문에 수정

* refactor: 이미지 업로드 로직을 useImageUpload로 분리

* test: MultiImageUpload 컴포넌트 storybook 추가

* fix: ThumbnailUpload 컴포넌트 storybook title 수정

* fix: MultiImageUpload 컴포넌트 storybook title 수정

* refactor: ThumbnailUpload 컴포넌트 storybook에서 base64를 mageUrl로 수정

-CORS 정책때문에 외부 URL에서 이미지를 직접 가져오는 것이 안됐었다.
- 이 때문에 imageUrl 대신 base64를 사용했었다
- base64 값이 너무 길다
- 때문에 무료 CORS 프록시 서비를 사용하여 imageUrl을 사용하는 방법으로 수정

* feat: MultiImageUpload 컴포넌트의 이미지 렌더링 부분에 스크롤 추가

* test: MultiImageUpload 컴포넌트 storybook에 이미지 많이 첨부한 경우 추가

* refactor: MultiImageUpload 컴포넌트 삭제 버튼에 svg 사용

* refactor: MultiImageUpload 컴포넌트에서 styled 컴포넌트명 수정

* feat: useDragScroll hook 구현

* feat: MultiImageUpload 컴포넌트에 드래그 스크롤 기능 추가

* feat: MultiImageUpload 컴포넌트에 y축 스크롤 hidden 추가

* refactor: MultiImageUpload 컴포넌트에서 사진 추가 버튼 UI 수정

---------

Co-authored-by: jinyoung <[email protected]>

* feat: types path alias 추가

* refactor(AccordionRoot): 다른 attributes들도 받을 수 있도록 변경

* fix(preview): 스토리북 열리지 않는 문제 해결

div 태그 추가

* chore: type, queries, hooks에 대한 type alias 추가

* feat: DayContent 컴포넌트 구현

* refactor(GoogleMapView): LoadScript 외부로 분리

1. GoogleMapView에서 LoadScript 제거

2. GoogleMapLoadScript 추가

* feat(GoogleSearchPopup): GoogleSearchPopup 컴포넌트 구현

* refactor(ModalBottomSheet): currentY 값 open시 0이 되도록 변경

* refactor(ModalBottomSheet): stylelint 적용

* refactor(MultiImageUpload): useImageUpload 반환 값을 외부에서 주입 받도록 변경

* feat(PageInfo): PageInfo 컴포넌트 구현

* test(PageInfo): PageInfo 컴포넌트 스토리북 구현

* chore: useDragScroll, useImageUpload 경로 변경

hooks에 위치하도록 변경

* refactor(ThumbnailUpload): useImageUpload 반환 값을 외부에서 주입 받도록 변경

* feat(TravelogueMultiImgaeUpload): TravelogueMultiImgaeUpload 컴포넌트 구현

* feat: register route path 추가

* feat(useTravelDays): useTravelDays hook 구현

* feat: travelogue 공통 타입들 추가

* feat: usePostTrevelogue 구현

* feat: usePostUploadImages 구현

* chore: reexport 추가

* feat: 여행기 등록 기능 구현

1. router에 추가

2. 여행기 등록 페이지 추가

* feat: 여행기 등록 완료 시 해당 상세 페이지로 이동하는 기능 추가

* chore(stylelint): properties 추가

* refactor(style): 스타일린트 적용

* feat(theme): white 컬러 추가

* refactor(Header): 재사용성을 위한 컴포넌트 수정

* refactor(style): Header align-items 추가

* feat(assets): Tturi webp asset 추가

* feat(Login): 로그인 페이지 컴포넌트 구현

* chore: dev 실행을 위한 dotenv-webpack 설치

* feat(assets): kakao symbol 추가

* feat(theme): yellow color 추가

* feat(LoginPage): 네이밍 변경 및 로그인 버튼 UI 추가 구현

* feat(LoginPage): 카카오 로그인 구현

* chore(webpack.common.js): publicPath 추가

* feat: IconButton 구현

* refactor(Header): Header 내 content를 내부에 넣도록 변경

* refactor(ExcitedTturi): tturi에서 네이밍 수정

* feat(constants): ROUTE_PATHS 추가

* refactor(LoginPage): 불필요한 주석 삭제 및 핸들러 네이밍 수정

* feat(KakaoCallbackPage): 페이지 구현

* feat(router): kakaoCallbackPage 추가

* feat(App): useContext 추가

---------

Co-authored-by: 손진영 <[email protected]>
Co-authored-by: jinyoung <[email protected]>

* chore: react-datepicker 임시로 사용(데모데이때 빠르게 보여주기 위함)

* chore: css-loader, style-loader 추가

데모데이때 사용하는 date-picker를 위해 임시로 설치

* feat(DateRangePicker): 임시로 사용할 DateRangePicker 컴포넌트 구현

* refactor(Input): maxCount, count optional로 변경

* chore(main): datepicker css 추가

* refactor: Place 내 name을 placeName으로 변경

* refactor(useTravelDays): onAddDay에 useCallback 추가

* feat(usePostTravelPlan): 여행 계획 post 요청 hook 구현

* feat(TravelogueRegisterPage): 여행 계획 등록 페이지 구현

* feat: AvatarCircle 컴포넌트 구현

* test: AvatarCircle 컴포넌트 storybook 추가

* feat: TravelogueCard 컴포넌트 구현

* test: TravelogueCard 컴포넌트 storybook 추가

* feat: MainPage 구현

* refactor: AvatarCircle 컴포넌트 useAvatar가 undefined일때도 기본 이미지 보이도록 수정

* feat: TravelCard 컴포넌트에서 likes 기본값 0으로 설정

* feat: useIntersectionObserver 훅 구현

* feat: useInfiniteTravelogues 구현

- 5개씩 fetch해옵니다.

* refactor: 메인페이지에서 useInfiniteTravelogues 사용하도록 수정

* feat: Drawer 컴포넌트 구현

* feat: Header 컴포넌트에 Drawer 추가

* test: Drawer storybook 추가

* feat: Drawer 컴포넌트 style 수정

* refactor: 잘못된 image url 다루는 부분 useImageError 훅으로 분리

* feat: TravelCard 컴포넌트에서 잘못된 image url 핸들 추가

* test: TravelogueCard 컴포넌트 strorybook에 유요하지 않은 썸네일 케이스 추가

---------

Co-authored-by: jinyoung <[email protected]>

* chore: 업데이트된 다른 파일과 동기화

* feat(TravelPlansTabContent): 컴포넌트 구현

* feat(TravelPlansDetail): 컴포넌트 구현

* refactor(TravelogueDetailPage): 타입 분리 및 TransformBottomSheet props 수정에 따른 변경

Co-authored-by: choi river <[email protected]>
Co-authored-by: simorimi <[email protected]>

…4-touroot into develop/fe

* refactor: 네이밍 변경에 따른 수정 및 불 필요한 코드 삭제

Co-authored-by: choi river <[email protected]>
Co-authored-by: simorimi <[email protected]>

* refactor: 스타일링 조정 및 stylelint에 맞게 순서 수정

* refactor(storybook): decorator 수정

* chore(createPathElement): 설정

* fix(router): router 수정

1. travelPlans url에 TravelPlansDetailPage 추가

2. travelPlansRegister url에 TravelPlanRegisterPage 추가

* fix(Header): title style 변경

align-items center 추가

* fix(Drawer): DrawerHeader 스타일 조정

align-items center 추가

* fix(TravelogueCard): 카드 디자인 시안 변경

1. CardHeader가 밑으로 가도록 변경

2. Layout의 animation 제거 후 border 관련 스타일 추가

* fix(TravelPlansTabContent): name을 placeName으로 변경

* fix: ROUTE_PATHS 수정

1. travelPlans 추가

2. travelPlansRegister의 url endpoint 변경

* refactor(TravelPlansTabContent): stylelint 적용

* refactor(TravelogueDetailPage): 불필요한 import 제거

* test(MultiImageUpload): storybook 오류 수정

* test(ThumbnailUpload): ThumbnailUpload 스토리북 수정

* refactor(MainPage): stylelint 적용

* fix(TravelPlansDetail): 여행 계획 api 오류 수정

1. headers 추가(Authorization)

2. queryKey 변경

3. useGetTravelPlan 분리

* fix(Header): 헤더 관련 오류 수정

1. 로그인 내 click 액션 시 로그인 페이지로 이동하도록 수정

2. access token 결과에 따라 로그인/로그아웃 분기 처리하도록 변경

3. HeaderTitle 컴포넌트 제거

* chore: type 관련 import sort 추가

* fix: TravelPlanRegisterPage navigate url 수정

* feat(asset): svg-icons.json 내 asset 추가

* feat: MainPage 내 FloatingButton 추가

* refactor(useGetTravelPlan): queryFn 형태 변경

* fix(TravelogueDetailPage): margin-top 변경

* fix(TransformBottomSheet): text-align center 변경

* refactor: declare file 관리

1. 불필요한 emotion.d.ts 파일 제거

2. style.d.ts에 모든 declare type 추가

* chore: context path alias 설정 추가

* chore: jest 내 moduleNameMapper 수정

* refactor(AvatarCircle): userAvatar props 변경

profileImageUrl로 변경

* test(AvatarCircle): argTypes(userAvatar)를 profileImageUrl로 변경

* refactor: App 내 Context들 UserProvider로 분리

* refactor: useUser hook 분리

* style: 불필요한 파일 제거

* fix(Header): 로그인 화면에서 뒤로가기 아이콘의 색이 잘못된 이슈 해결

* refactor(TravelPlansDetailPage): Context import 경로 및 네이밍 변경

* refactor(Container): stylelint 적용

* refactor(MainPage): TravelogueCard 컴포넌트 내 key prop 추가

* fix(LoginPage): 뚜리 이미지가 배포 환경에서 보이지 않는 문제 해결

webp에서 gif 파일로 변경

* refactor(KakaoCallbackPage): UseSetUseContext import 경로 및 네이밍 변경

* refactor(TravelogueCard): AvatarCircle prop name 변경

* refactor(TravelPlansDetail): stylelint 적용

* refactor(PlaceDetailCard): 이미지가 1개 일때 캐러셀이 아닌 일반 이미지를 보여주도록 변경

* refactor(TravelogueDetailPage): TitleContainer 스타일 변경

* refactor(TravelogueDetailPage): font title이 아닌 subtitle로 변경

* feat: favicon 추가

* chore: storybook path alias 추가(contexts)

* chore: 변경사항 반영

* refactor: queries 디렉터리 구조 변경

* chore: 불필요한 console.log 제거

* refactor(useImageUpload): 해당 hook 제거

local state로 관리하는 것이 아닌 서버로 부터 받은 url을 컴포넌트에 주입하는 방식으로 변경

* refactor(TravelogueDetailPage): 리액트 쿼리 hook 로직 분리

useGetTravelogue로 분리

---------

Co-authored-by: choi river <[email protected]>
Co-authored-by: simorimi <[email protected]>

…4-touroot into develop/fe

* fix: __tests__ 내 jest 타입 에러 해결

* chore: styled 파일 내 stylelint 적용

* chore: 프론트엔드 ci 설정 github actions 추가

* chore: jest-junit 의존성 추가

* chore: jest.config.js 내 reporters 옵션 추가

* chore: ci 스크립트 내 check 코멘트 추가

* feat: 통과 하는 테스트 추가

* test: 예제 테스트 제거

* chore: jest 설정 내 --passWithNoTests config 추가

* feat: 아코디언 toggle trigger부분을 확장

* feat: FloatingButton이 가려지지 않게 z-index 추가

* feat: description에 포함된 개행 문자 적용되도록 수정

* feat: tab 컴포넌트에서 3일 이상인 경우 마지막 tab은 반만 보이도록 구현

* fix: 이미지와 컨테이너 border가 각각 보이는 부분 수정

* chore: yarn.lock 업데이트

* refactor(Drawer): 기존 헤드와 높이 달라 선 위치가 다른 문제 개선

* feat: 장소 필터링을 위하여 장소 등록시 countryCode를 보내도록 기능 구현

* refactor(AvatarCircle): props $네이밍 수정

* refactor(MyTravelogue):$ 제거에 따른 수정

* refactor(usePostUploadImages): resize 와 convert 처리 내부에서 하도록 수정

* refactor(MainPage): div semantic 태그인 button으로 수정

* feat(ProfileImageEditModalBottomSheet): 기능 구현

* feat(usePutProfile): api 명세 변경에 따라 patch를 put으로, imageUrl body 값에 부여

* refactor(AvatarCircle): props 유연하게 수정

* feat(useMyPage): 훅 구현

* feat(MyPage): 프로필 이미지 수정 기능 구현

* refactor(MyPage): 기능 단위로 pr 분리하기 위한 수정

* refactor(SearchPage): 기능 단위로 pr 분리하기 위한 수정

* refactor(useMyPage): useToggle 사용하도록 수정

* refactor(common): 반복되는 타입PlaceInfo 타입으로 선언 및 수정

* refactor(constants): 상수들 파일로 분리

* refactor(useMyPage): 책임에 따라 각각 커스텀 훅으로 분리

* refactor(constants): 상수 파일로 분리

* refactor(usePostUploadImages): max width, height 값 받을 수 있도록 수정

* refactor(usePostUploadImages): max width, height 값 받을 수 있도록 수정

* refactor(useProfileInitialization): 의존성 배열 추가

* refactor: useCallback으로 update 함수 감싸주도록 수정

* refactor(MyPage): 이모지 추가로 여행 계획, 여행기 구분 명확히 되도록 수정

* refactor(Detail): 전환이라는 용어 낯설다는 피드백 반영

* refactor(Chip): icon 컴포넌트 포함하도록 추상화

* feat(useMultiSelectionTag): animationKey 네이밍 수정 및 reset 기능 구현

* feat(useSingleSelectionTag): animationKey 및 리셋 기능 구현

* feat(MainPage): reset Button 기능 구현

* feat(assets): 리셋 버튼, 정렬 버튼 아이콘 추가

* refactor: 초기화 시  localStorage도 초기화 하도록 수정

* refactor(useTravelogueFormState): animation key 네이밍 변경에 따른 수정

* refactor: 전환 용어 변경

* refactor: 이모지 삭제

* refactor(svg-icons): 데이터 변경

* refactor(MainPage): 의존성 문제 해결

* refactor(MyPage): 프로필 이미지 수정 모달 텍스트 수정

* refactor(Header): 헤더에 사용된 IconButton들에 aria-label 추가

* refactor(Drawer): button 태그 중첩 사용 수정

* chore(MainPage): 필요 없는 공백,태그 삭제

* refactor(AvatarCircle): props 수정

* refactor(TravelogueCard): 웹 접근성 개선

- 장식 이미지에 alt 빈 값 추가
- 카드 컴포넌트 태그를 button 태그로 수정
- aria-label 추가

* refactor(Chip): as props 추가

* style(FallbackImage): color contrast 개선

* refactor(MainPage): Chip을 button으로 사용하도록 수정

* refactor(FloatingButton): 플로팅 버튼 title 추가

* feat(FocusTrap): 키보드 트랩 hook 구현

Co-Authored-By: jinyoung <[email protected]>

* refactor(Modal): createPortal 위치를 #root에서 body로 변경

* refactor(FocusTrap): onEscapeFocusTrap을 옵셔널로 수정

* feat(Header): 키보드 트랩 적용

* refactor(Header): 시맨틱 태그 수정

* feat(Drawer): esc로 닫기 추가 및 열려있을 경우에만 DrawerContainer렌더링하도록 수정

- DrawerContainer를 처음부터 렌더링되어있으면 이때부터 이미 focusTrap도 같이 렌더링되어 Drawer가 열려있지 않아도 focus trap이 Drawer content 내부에 갇히는 이슈가 있었기 때문입니다.

* feat(FocusTrap): 첫번째 요소에 자동 포커스 삭제

* feat(Modal): 모달에 FocusTrap 적용

* feat(MainPage): 시맨틱 태그 개선

* feat(MainPage): 모달 열림 닫힘 알림 추가

* feat(removeEmojis): 이모지를 지우고 string만 반환하는 유틸 함수 추가

* refactor(TravelogueCard): removeEmojis 유틸 함수 사용

* refactor(FloatingButton): 플로팅 버튼에 focus trap 사용

* style(FloatingButton): visual hidden 스타일 추가

* feat(VisuallyHidden): Visually hidden 컴포넌트 추가

- 웹 접근성 개선에서 사용할 수 있는 보이지 않는 컴포넌트 추가했습니다.

* feat(MainPage): 태그 선택,해제시 알림 추가

* feat(MainPage): TravelogueCard 리스트 시맨틱 태그 개선

* fix(TravelogueCard): aria-live 속성 삭제

- 필터,정렬딜 때 마다 렌더링되어있는 모든 카드 aria-label이 읽히는 이슈가 있어서 삭제했습니다.

* feat(MainPage): 모달 열/닫힘 알림에 VisuallyHidden 컴포넌트 사용

* refactor(Drawer): Trigger 시맨틱 태그 및 props 수정

- button 태그를 사용하고 onClick props를 받아서 button 내부에 button을 받지 않도록 하기 위함입니다.

* refactor(Header): 시맨틱 태그 수정 및 button 개선

- 수정된 Drawer.Trigger에 맞춰 수정했습니다.

* feat(MainPage): 여행기 로드시 새로 로드된 여행기에 focus되기 구현

* feat(MainPage): fetchButton으로 로드시 알림 및 태그 선택시 알람 추가

- fetchButton으로 여행기 로드시 알림 울리도록 구현
- 태그 선택 알림 구현 코드 일부분이 다른 부분에 딸려 들어간것같습니다..

* feat(Drawer): 사용자 메뉴 모달 열/닫힘 안내 추가

* fix(TravelogueCard): 여행기 제목 읽을 시 이모지 삭제

* refactor(FloatingButton): VisuallyHidden 컴포넌트 사용으로 수정

* refactor(FloatingButton): 상수 분리

* refactor(Chip): 화살표 함수로 수정 및 논리 연산자 수정

* refactor(removeEmojis): 함수 책임 간소화

* chore(FocusTrap): 불필요한 주석 삭제

* refactor(FocusTrap): 사용되지 않는 값들 삭제

* refactor(SearchHeader): 불필요한 option 삭제

* refactor(Drawer): usePressESC 훅 사용

* refactor(Drawer): styled component로 수정

* refactor(FloatingButton): 클로저 삭제

* chore(Header): 사용하지 않는 styled component 삭제

* styled(MainPage): theme 사용

* refactor(FloatingButton): 알림 텍스트 수정

* refactor(LoginPage): 상수 파일 분리

* feat(LoginPage): 로그인 페이지 접속시 로그인 버튼에 focus되어있기 구현

* feat(useKeyDown): 키보드로 요소 선택 및 이동 훅 구현

* feat(SingleSelectionTagModalBottomShee): 바텀 시트 모달에 keyDown 훅 추가

* feat(MainPage): 태그 선택부분에 keyDown 훅 추가

* refactor(Drawer): interface 타입 개선

* fix: 모달, 플로팅 버튼이라는 단어 대신 메뉴라는 단어로 수정

* fix(MainPage): 병합 잘못된것 수정

* chore: 파일명 컨벤션 수정

* �refactor(MainPage): 적절한 변수명으로 수정

* fix(handlers): 주석 처리 삭제

* feat(useToggle): toggle 함수 추가

* refactor(Drawer,FloatingButton): useToggle 사용

---------

Co-authored-by: jinyoung <[email protected]>

* refactor(MyPage): 프로필 이미지 수정 모달 text 변경

* feat(TravelogueList): 여행기 검색 나라 탭 추가

* refactor(Tab): 스타일링 수정

* refactor(MyTravelogue): 불필요한 스타일 제거 및 일관성을 위하여 게시일 텍스트 제거

* feat(useInfiniteMyLikes): 훅 기능 구현

* feat(MyLikes): 좋아요 탭 UI 구현

* refactor: 좋아요 버튼 클릭시 마이페이지 좋아요 무효화 하도록 수정

* refactor(MyLikes): 마이페이지텝 컴포넌트 좋아요 탭에서도 재사용하도록 수정

* feat(useTravelogueThumbnail): 썸네일 이미지에 대한 클라이언트 예외 처리 추가

* feat(useTravelogueTitle): 제목에 대한 유효성 처리 추가

1. validateTitle 추가

2. handleChangeTitle 내 유효성 검사 추가

3. isEnabledTravelogueTitle 변수 추가

4. useTravelogueFormState 내 isEnabledForm 추가

5. CharacterCount 내 css prop 뚫는 부분 추가

6. 등록 페이지 내 에러 텍스트 추가 및 disable 처리

* feat(useTravelogueDays): 날짜 정보에 대한 유효성 처리 추가

1. validate/travelogue 내 day와 place에 대한 검증 로직 추가

2. useTravelogueDays 내 검증 후 에러 메시지 state update 하도록 로직 변경

3. isEnabledTravelogueDays를 통해 날짜 및 장소에 대해 활성화 된 상태인지 확인

4. TravelogueRegisterPage 내 day 및 place에 대한 에러 메시지 추가

* feat(TravelogueEditPage): 여행기 수정 페이지 내 유효성 검증 처리 추가

* feat(useTravelPlanTitle): 여행 계획 제목에 대한 유효성 검증 추가

* feat(useTravelogueStartDate): 시작 날짜에 대한 유효성 검증 추가

* feat(useTravelPlanDays): 날짜 정보에 대한 유효성 검증 추가

* feat(TravelPlanEditPage): 여행기 수정 페이지 유효성 검증 구현

* refactor: 불필요한 console 제거

* refactor(errorMessage): 불필요한 주석 제거

* refactor(errorMessages): 변수 네이밍 변경

* refactor: 불필요한 파일 제거

* refactor(validation/travelPlan): import 내 type 추가

* refactor: 중복되는 상수 분리

* refactor(validation/travelogue): import type 추가

* feat(Text): isInline props 추가

* feat(webp): 랜딩 페이지에 사용되는 이미지들 추가

* feat(router): 랜딩 페이지 route 추가

* feat(Animation): Animation style 추가

* feat(useAnimationObserver): 애니메이션을 위한 Observer 훅 구현

* feat(FirstPage): 랜딩 페이지의 첫번째 페이지 구현

* feat(SecondPage): 랜딩 페이지의 두번째 페이지 구현

* feat(ThirdPage): 랜딩 페이지의 세번째 페이지 구현

* feat(Box): 랜딩 페이지 내에서 사용되는 Box 컴포넌트 구현

* feat(FourthPage): 랜딩 페이지의 네번째 페이지 추가

* feat(LandingPage): 랜딩 페이지에 페이지들 추가

* refactor(useScrollAnimation): hook으로 분리

* fix(SecondPage): 띄어쓰기 없어지는 이슈 수정

* chore(useAnimationObserver): 필요없는 console.log 삭제

* fix(SecondPage): 글자 개행 깨지는 이슈 수정

* fix(FourthPage): 말풍선 속 글씨 깨짐 수정

* style(Text): 조건문 css 값 수정

* fix: 라우터가 달라짐에따라 수정

* refactor(Tab): tab 포커스 받도록 수정

* fix: modal 포커스 트랩으로 인하여 탭 되지않는 문제 해결

* fix(MyPage): listStyle 먹지 않는 문제 해결

* refactor(Carousel): 불 필요한 style 제거

* refactor(Carousel): 웹 접근성 개선

* fix(Dropdown): z-index 부재로 태그에 의해 드롭다운 가려지는 현상 해결

* refactor(Tab): 탭 접근성 개선

* refactor(TravelogueDetailPage): 접근성 개선

* fix: useEffect 내 handler 무한 호출되는 문제 해결

* refactor(Thumbnail): alt 추가

* refactor(TravelogueTabContent): iconButton icon으로 수정

* refactor(Carousel): ul li 태그의 명확성을 위한 수정

* refactor(DeleteModal): 삭제 모달 열고 닫칠 때 접근성 개선

* refactor(TravelPlansTabContent): 지도 상세보기 버튼 링크로 수정

* refactor(Checkbox): 접근성 개선

* refactor(TravelPlanDetailPage): 접근성 개선

* refactor: 오타 수정 및 용어 통일

* refactor: dropdown에 usePressESC  추가

* refactor(useTravelPlanStartDate): 개행 추가

* feat(TextField): 필수 항목이면 '필수 항목입니다'를 접근성 리더기가 읽어주는 기능 구현

* feat(TravelPlanRegisterPage): input을 enter 했을 때 캘린더가 열리는 것 구현

* feat(TravelPlanRegisterPage): 캘린더가 열리고 닫힐 때 안내 메시지 추가

1. Calendar 내 esc를 눌렀을 때 닫히도록 변경

2. visual hidden 텍스트 추가

* feat(Calendar): 캘린더 이전, 이후 버튼 눌렀을 때 안내메시지 추가

1. 현재 년, 월에 대한 텍스트를 스크린 리더기가 읽도록 변경

2. 이전 버튼, 다음 버튼에 대한 설명 추가

3. Visual hidden 텍스트를 통해 이전 달로 이동할 수 없는 경우에 대한 안내 메시지 추가

* feat(Calendar): 캘린더 내 각 일을 선택 가능하도록 접근성 개선

* feat(AccordionTrigger): 아코디언 버튼을 눌렀을 때 열림, 닫힘 상태 메시지 제공

* feat(GoogleSearchPopup): 팝업이 열렸을 때 input이 포커스 간 후 접근성 메시지를 읽는 것 구현

* fix(GoogleSearchPopup): 자동완성 장소 항목을 엔터 했을 경우 런타임 에러 발생하는 부분 해결

* refactor(GoogleSearchPopup): 팝업 열렸을 때 다른 요소들이 스크린 리더기가 접근하지 못하도록 개선

* refactor(AccordionTrigger): 아코디언 버튼 aria-label 추가

* feat(PlaceTodoListItem): todo 삭제 버튼 aria-label 추가

* feat: 등록 바텀 시트 등장할 때 focus trap 적용

* fix: 전체 화면 탭이 적용되지 않는 문제 해결

EditRegisterModalBottomSheet 내 isOpen 시 렌더링 되도록 변경

* fix: ci 문제 해결

백엔드 내 던지는 예외 메시지가 2개인 이유로, 다른 예외 메시지 검증 로직 추가

* refactor(useInfiniteSearchTravelogues): api 명세 통합으로 인한 변경

useInfiniteTravelogues 내에서 검색 조건 까지 모두 처리하는 것으로 변경

* feat(TravelogueList): 여행기 검색 결과 내 필터링 ui 추가

* refactor: travelogues가 0개인 경우에도 FixedLayout으로 감싸는 것으로 변경

* fix(TravelogueList): 메인 페이지에 추가한 태그들이 검색 결과 페이지에서도 보이는 문제 해결

* style(SingleSelectionTagModalBottomSheet): 바텀 시트 css 깨지던것 수정

* feat(useUnmountAnimation): 컴포넌트 언마운트시 애니메이션 재생되는 훅 구현

* feat(MainPage): 정렬,필터 모달에 useUnmountAnimation 훅 사용

* feat(Drawer): Drawer에 useUnmountAnimation 훅 사용

* refactor(useUnmountAnimation): shouldRender를  isRendered로 수정

* fix: 프로필 사진 수정, 여행기 및 여행계획 수정 bottomSheet에 useUnmountAnimation 훅 사용

* fix(EditRegisterModalBottomSheet): 애니메이션 실종 이슈 수정

* style(FloatingButton): animation 추가 및 useUnmountAnimation 훅 사용

* style(Icon): 세로 가운데 정렬을 위한 wrapper 추가

* feat(animation): animation 토큰 추가

* refactor: Drawer,FloatingButton에서 animation 토큰 사용

* chore: 필요없는 주석 삭제

* fix(route): 앞에 / 추가

* fix(Drawer): overlay 위치 수정

- 페이지 이동할 때 마다 ovelay가 보였다가 안보이는 이슈가 있어서 수정

* fix(SearchPage): 여행기를 들어갈 때 탭이 클릭되지 않는 이슈 해결

* refactor(MyTravelPlans): 여행기 전환 텍스트 수정

* fix(TextArea): font size로 인해 확대되는 문제 수정

* fix(Checkbox): 체크 표시 보이지 않는 문제 해결

* fix(MyLikes): 여행기 보러가기 클릭시 루트 페이지로 이동하는 문제 해결

* refactor: 태그 마우스 벗어났는데도 스크롤 되는 문제 해결

* fix(Chip): 검색 페이지 갔다가 홈으로 돌아오면 에니메이션 정상적으로 작동하지 않는 문제 해결

* style(Icon): 가운데 정렬 추가

* style(FourthPage): 제목 줄바꿈 방지 설정 추가

* feat(LandingPage): TopButton 추가

---------

Co-authored-by: 손진영 <[email protected]>

* fix(FirstPage): 주소창에 가려지는 문제 해결

* fix(TravelPlanTodoItem): 투투 텍스트 정렬 다른 문제 해결

* fix(FirstPage): 주소창에 가려지는 문제 해결

* fix(TravelPlanTodoItem): 투투 텍스트 정렬 다른 문제 해결

* refactor(LandingPage): 화살표 위치 조정 및 두번째 페이지 에니메이션 제거

* fix(useMultiImageUpload): heic에 대한 이미지 에러 처리 추가

* fix: 여행기/여행 계획 등록 & 수정 시 뒤로가기 및 새로고침 제어

* fix(resizeAndConvertImage): 압축률 삭제

* feat(useModalControl): 모바일에서 모달 열릴시 뒷 부분 터치 안되도록 수정